<!DOCTYPE html>
<html>
	<head>
		<meta http-equiv="content-type" content="text/html; charset=UTF-8">
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
		<meta name="format-detection" content="telephone=no">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<script src="style/wpo_alog_speed.js" async></script>
		<script src="style/alog.js"></script>
		<title>{$INI['system']['abbreviation']}</title>
		<link rel="stylesheet" type="text/css" href="style/common_css_0_6c6ef1d.css">
		<link rel="stylesheet" type="text/css" href="style/common_css_1_ad94b5d.css">
		<link rel="stylesheet" type="text/css" href="style/list_css_0_6f15796.css">
		<link rel="stylesheet" type="text/css" href="/wap/images/footer.css"/>
		<script src="/wap/js/jquery-1.10.1.min.js"></script>
		<style>
			.paginator{padding:10px;white-space:nowrap;font-size:12px;}
			.paginator li{display:inline;margin:0 4px;*vertical-align:middle;}
			.paginator li.current{*height:24px;margin:0 6px;font-weight:bold;*line-height:24px;}
			.paginator li a{*display:inline-block;*height:22px;padding:3px 6px 4px;*padding:0 6px;border:1px solid #48D9CF;text-decoration:none;*line-height:22px;*position:relative;background:#FFFFFF;border-radius:4px;color:#48D9CF;}
			.paginator li a.focus{background:#48D9CF;color:#FFFFFF;border:none;}
			.paginator li a:hover{*height:24px;padding:4px 7px 5px;*padding:0 7px;border:1px solid #48D9CF;*line-height:24px;background:#48D9CF;color:#FFFFFF;text-decoration:none;}
			.paginator li a.nolink{color:#ccc;cursor:default;}
			.paginator li a.nolink:hover{background:#48D9CF;*height:22px;padding:3px 6px 4px;*padding:0 6px;border:1px solid #ccc;*line-height:22px;}
			#gotop{-webkit-transform:translate3d(0,0,0);-webkit-transition-property:-webkit-transform;cursor:pointer;position:absolute;right:5px;opacity:0;}
			.screening{width:100%;overflow:hidden;background:#fff;position:relative;z-index: 4;}
			.screening>ul{margin:0;padding:0;list-style-type:none;border-bottom:solid 1px #d3d3d3;overflow:hidden;}
			.screening>ul>li{float:left;width:33%;padding-left:16%;height:3rem;line-height:3rem;border-left:1px solid #d3d3d3;background:url(/wap/img/credit_onclick.png) no-repeat 72% top;}
			.screening>ul>li.active{color:#48D9CF;background:url(/wap/img/credit_onclick.png) no-repeat 72% bottom;}
			.allcategories{position:fixed;top:-50%;width:100%;height:50%;z-index:1;-webkit-transition-duration: 0.4s;}
			.allsort{position:fixed;top:-50%;width:100%;height:196px;z-index:1;-webkit-transition-duration: 0.4s;}
			.allcategories>ul,.allsort>ul{margin:0;padding:0;overflow:auto;height:100%;width:100%; -webkit-transition-duration:0.4s;}
			.allcategories>ul>li,.allsort>ul>li{line-height:3rem;padding-left:1rem;border-bottom:solid 1px #eee;}
			.allcategories>ul.allcategories-w,.allsort>ul.allsort-w{background:#FFFFFF;position:absolute;z-index:1;}
			.allcategories>ul.allcategories-w a,.allsort>ul.allsort-w a{display:block;color:#333333;}
			.onclick{top:94px;}
			.onclick::after{position:fixed;content:"";width:100%;height:100%;display: block;background:rgba(0,0,0,0.2);top:94px;}
			#credit-goods{background:#FFFFFF;}
			#credit-goods section{border-bottom:1px solid #f0f0f0;}
		</style>
	</head>
	<body mon="position=list">
		<header class="w-index-header" mon="type=header" style="position:relative;z-index:9;">						
			<div style="position:absolute;top:.5rem;left:.625rem;width:1.75rem;height:1.75rem;">
				<a href="/wap/creditshop.php">
					<img src="/wap/images/return.png"/>					
				</a>
			</div>
			<div class="title">{$pagetitle}</div>	
		</header>
		
		<script>
			$(document).ready(function(){
			    $(".category").click(function(){
			    	$(this).toggleClass("active").siblings().removeClass("active");
			        if ($('.allcategories').hasClass('onclick')) {
			            $('.allcategories').removeClass('onclick');
			        } else {
			            $('.allcategories').addClass('onclick');
			        }
			    });
			});
			$(document).ready(function(){
			    $(".sort").click(function(){
			    	$(this).toggleClass("active").siblings().removeClass("active");
			        if ($('.allsort').hasClass('onclick')) {
			            $('.allsort').removeClass('onclick');
			        } else {
			            $('.allsort').addClass('onclick');
			        }
			    });
			});
			
			//判断页面是否有弹出
			$(document).ready(function(){
			    $(".category").click(function(){
			        if ($('.allsort').hasClass('onclick')){
			            $('.allsort').removeClass('onclick');
			        };
			    });
			});
			$(document).ready(function(){
			    $(".sort").click(function(){
			        if ($('.allcategories').hasClass('onclick')){
			            $('.allcategories').removeClass('onclick');
			        };
			    });
			});
		</script>
		
		<article>
			<!-- screening -->
			<div class="screening">
			    <ul>
			        <li class="category"><!--{if $cid}-->{$onclickcate['name']}<!--{else}-->全部分类<!--{/if}--></li>
			        <li class="sort">筛选类型</li>
			    </ul>
			</div>
			<!-- end screening -->
			<!-- allcategories -->
			<div class="allcategories">
			    <ul class="allcategories-w" id="allcategoriesw">
			        <li><a href="/wap/creditclassify.php?cid=0">全部分类</a></li>			        
			        <!--{loop $allcategories $allcate}-->
			        <li><a href="/wap/creditclassify.php?cid={$allcate['id']}">{$allcate['name']}</a></li>
			        <!--{/loop}-->
			    </ul>
			</div>
			<!-- end allcategories -->
			<!-- sort -->
			<div class="allsort">
			    <ul class="allsort-w" id="allsortw">
			        <li><a href="/wap/creditclassify.php?cid={$cid}&sort=0">智能排序</a></li>			 
			        <li><a href="/wap/creditclassify.php?cid={$cid}&sort=1">最新发布</a></li>			       
			        <li><a href="/wap/creditclassify.php?cid={$cid}&sort=2">价格最低</a></li>
			        <li><a href="/wap/creditclassify.php?cid={$cid}&sort=3">价格最高</a></li>
			    </ul>
			</div>
			<!-- end sort -->
			<div id="credit-goods">
				<!--{loop $creditexchange $cindex $exchange}-->
				<section>
					<a style="display:block;color:#333333;" href="/wap/creditdetail.php?id={$exchange['id']}">
						<div style="display:block;width:100%;height:79px;padding:10px 0;">
							<div class="img-wrapper" style="float:left;padding-left:10px;">
								<img src="${team_image($exchange['image'],true)}" height="79" width="91">
							</div>
							<ul style="float:left;width:50%;overflow:hidden;white-space:nowrap;padding:10px 10px 0 10px;">
								<li class="title" style="width:100%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;">
									<span class="item-name">{$exchange['title']}</span>
								</li>
								<li class="others" style="margin-top: 20px;">
									<ins style="font-family:'微软雅黑';font-size:20px;color:#e4393c;float:left;">{$exchange['score']}<b style="font-family:'宋体';font-size:12px;color:#e4393c;">积分</b></ins>
								</li>
							</ul>
						</div>
					</a>
				</section>
				<!--{/loop}-->
			</div>
			<div style="background:#FFFFFF;">{$pagestring}</div>
		</article>
		
		<div style="background:#fff;">
			<a style="padding:10px 15px;display:block;color:#48D9CF;letter-spacing:1px;" href="/wap/creditclassify.php?id=0">查看全部产品</a>
		</div>
		<!--{include wap_footer}-->
	</body>
</html>